<template>
	<div class="swipe">
		<mt-swipe :auto="4000" class="my-mt-swipe">
			<mt-swipe-item v-for="item in lunbolist" :key="item.id">
				<img v-bind:src="item.url" :class="{full:isfull}"/>
			</mt-swipe-item>
		</mt-swipe>
	</div>
</template>

<script>
	export default {
		data(){
			return {}
		},
		created() {},
		props:["lunbolist","isfull"]
	}
</script>

<style lang="scss" scoped="scoped">
	.my-mt-swipe {
		height: 240px;
	
		.mint-swipe-item {
			/* &:nth-child(1) {
				background-color: red;
			}
	
			&:nth-child(2) {
				background-color: orangered;
			}
	
			&:nth-child(3) {
				background-color: cyan;
			} */
			text-align: center;
			img {
				/* width: 100%; */
				height: 100%;
			}
		}
	}
	.full{
		width: 100%;
	}
</style>
